{include file="public/header" /}
<aside id="sitecontent" class="transition">
    {include file="public/search" /}
    <!-- main -->
    <section class="hot-ban">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                {if $data['images_url']}
                {volist name="data['images_url']" id="image"}
                <div class="swiper-slide">
                    <img src="{$image}" alt="{$data.name}" width="100%">
                </div>
                {/volist}
                {else /}
                <div class="swiper-slide">
                    <img src="{$data['thumb_url']}" alt="{$data.name}">
                </div>
                {/if}
            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next swiper-button-white"></div>
            <div class="swiper-button-prev swiper-button-white"></div>
        </div>
    </section>
    <section class="hot-info p25-20">
        <div class="tit"><strong>{$data.name}</strong> </div>
        <div class="desc line-height">
            <p> 服务客户：<span>{$data.custom_num}</span>户 &nbsp;&nbsp;&nbsp; 竣工：<span>{$data.completed_num}</span> 户 &nbsp;&nbsp;&nbsp; 开工：<span>{$data.start_num}</span> 户</p>
            <p> 楼盘地址：{$data.area}{$data.address}</p>
        </div>
        <div class="line-height color-6 p20-0">
            {$data.content|raw}
        </div>
    </section>
    <section>
        <div class="team-tabs dis-flex-between-center">
            <a href="#" class="active">相关案例</a>
            <a href="#">户型解析</a>
            <a href="#">小区设计服务团队</a>
        </div>
        <div id="tabs-container" class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <section class="p25-20">
                        <ul class="casellist">
                            {volist name="relevant_case" id="item"}
                            <li>
                                <div class="img position-relative">
                                    <img src="{$item.thumb_url}" alt="" srcset="" class="">
                                    <div class="dis-flex-between-center bg">
                                        <div class="left dis-flex-center">
                                            <img src="{$item.designer.image_url}" alt="" srcset="">
                                            <div>{$item.designer.name}<span>{$item.designer.position}</span></div>
                                        </div>
                                        <div class="right dis-flex-center-center tanSjs ">预约设计</div>
                                    </div>
                                </div>
                                <div class="txt">
                                    <a href="{:url('cases/detail', ['category_id'=>$item.category_id, 'id'=>$item.id])}" class="dis-flex-between-center">
                                        <div class="left">
                                            <h2>【实景】{$item.name}</h2>
                                            <p class="color-6">风格：{$item.tag_name[0]} | 面积：{$item.area}m² | 户型：{$item.house_type}</p>
                                        </div>
                                        <span class="bg-red dis-flex-center-center  tanFree">获取方案</span>
                                    </a>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                        <a href="{:url('cases/index', ['house'=>$data.name])}" class="more dis-flex-center-center">更多···</a>
                    </section>
                </div>
                <div class="swiper-slide">
                    <section class="p25-20">
                        <ul class="hxjxlist">
                            <div class="emptyContent" style="margin:0 auto;text-align: center;">
                                <img style="width: 50%;" src="__MOBILEIMG__/empty.png">
                            </div>
                        </ul>
                    </section>
                </div>
                <div class="swiper-slide">
                    <!-- 2个 -->
                    <section class="p25-20">
                        <ul class="teamlist">
                            {volist name="relevant_designer" id="item"}
                            <li>
                                <a href="{:url('designer/detail', ['id'=>$item.designer_id])}" class="dis-flex-between">
                                    <div class="img">
                                        <img src="{$item.designer_cover}" alt="{$item.designer_name}" srcset="">
                                    </div>
                                    <div class="txt position-relative">
                                        <h1 class="dis-flex">{$item.designer_name} <em>主任设计师</em></h1>
                                        <p> 案例作品：{$item.designer_case_num}套</p>
                                        <p> 从业经验：{$item.designer_year}年</p>
                                        <p class="line-one"> 擅长风格：{$item.designer_tag}</p>
                                        <span class="bg-red dis-flex-center-center">找TA设计</span>
                                    </div>
                                </a>
                            </li>
                            {/volist}
                        </ul>
                    </section>
                </div>
            </div>
        </div>
    </section>
    <!-- main end-->
    {include file="public/footer" /}
